<template>
  <div id="created">
    <div class="content">
      <div class="top">
        <div class="logo">
          <img src="../../assets/img/balckTextLogo.png"
               alt="">
        </div>
        <div class="account">
          <span class="phone">13323232323</span>
          <span class="bt">
            <el-button type="text">
              登出
            </el-button>
          </span>
        </div>
      </div>
      <!--  -->
      <div class="createdInfo">
        <div class="createdInfo_body">
          <div class="top">创建门店</div>
          <div class="name"
               style=";">
            <span style="margin-right:10px">门店名称 </span>
            <span style="width:280px">
              <el-input v-model="nameValue"></el-input>
            </span>
          </div>
          <div class="type"
               style=";">
            <span style="margin-right:10px">门店类型</span>
            <span>
              <el-radio v-model="radio"
                        label="1">民宿</el-radio>
              <el-radio v-model="radio"
                        label="2">酒店</el-radio>
            </span>
          </div>
          <div class="address"
               style=";">
            <span style="margin-right:10px">门店地址 </span>
            <span style="width:280px">
              <el-input v-model="AddressValue"></el-input>
            </span>
          </div>
          <div class="DeatilAddress"
               style=";">
            <span style="margin-right:10px">详情地址</span>
            <span style="width:280px">
              <el-input v-model="DeatilAddress"></el-input>
            </span>
          </div>
          <div class="linkman"
               style="margin-left:15px;">
            <span style="margin-right:10px">联系人</span>
            <span style="width:280px">
              <el-input v-model="LinkManValue"></el-input>
            </span>
          </div>
          <div class="bottom"
               style="margin-top:40px;">
            <div class="bt">
              <el-button>取消申请</el-button>
              <el-button type="primary">提交申请</el-button>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      radio: '1',
      nameValue: '',
      LinkManValue: '',
      DeatilAddress: '',
      AddressValue: '',
      log:
      {
        "code": 200,
        "message": "请求成功",
        "data": [
          {},
          {
            "id": 1,
            "user_id": 0, // 用户ID 该变更为用户操作时才不为0
            "supplier_id": 1, // 供应商ID 该变更为供应商操作时才不为0
            "admin_id": 0, // 管理员ID 该变更为管理员操作时才不为0
            "hotel_order_id": 10, // 酒店房型订单表
            "hotel_pms_order_id": 11, // 酒店总订单表
            "hotel_room_num_status_id": 12, // 酒店房号订单表
            "hotel_order_before": null, // 酒店房型订单表修改前
            "hotel_order_after": null, // 酒店总订单表修改后
            "hotel_pms_order_before": null, // 酒店总订单表修改前
            "hotel_pms_order_after": null, // 酒店总订单表修改后
            "hotel_room_num_status_before": { // 酒店房间表修改前
              "status": 4 // 状态 4入住中
            },
            "hotel_room_num_status_after": { // 酒店房间表修改后
              "status": 5 // 状态 5处理退房
            },
            "operator_name": "前台133255", // 操作员名称
            "remarks": "办理退房", // 备注
            "create_time": "2022-11-22 12:34:56" // 变更时间
          }
        ]
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  position: absolute;
  .createdInfo {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .createdInfo_body {
      align-items: center;
      span {
        display: inline-block;
      }
      display: flex;
      flex-direction: column;
      div {
        display: block;
        margin-bottom: 10px;
      }
      .top {
        margin-top: 58px;
        text-align: center;
        font-size: 30px;
      }
      overflow: hidden;
      width: 440px;
      height: 573px;
      background: #ffffff;
      box-shadow: 0px 8px 6px rgba(225, 225, 225, 0.25);
      border-radius: 8px;
    }
  }
  .top {
    .account {
      float: right;
      line-height: 56px;
      margin-right: 20px;

      .phone {
        margin-right: 50px;
      }
    }

    width: 100%;
    background-color: white;
    height: 56px;

    .logo {
      top: 5px;
      left: 30px;
      position: absolute;
      text-align: center;
      font-size: 18px;
      color: #606266;
      display: flex;

      img {
      }
    }
  }

  .CurrentAccount {
    display: block;
  }
}
</style>